<template>
    <div>
        <van-card v-for="(item, index) in Hotellist" :key="index" :title="item.title" :thumb="item.img">

            <template #tags>
                <van-tag plain type="danger">{{ item.biaoqian }}</van-tag>

            </template>
            <template #price-top>
                <span>{{ item.shijian }}</span>|
                <span>{{ item.chufa }}</span>|
                <span>{{ item.gongju }}</span>
                <br>
            </template>
            <template #price>
                <div>{{ item.jianqian }}</div>
            </template>
        </van-card>
    </div>
</template>

<script>
import { HotelChoose } from '@/api/guo/ferrMain'
export default {
    data() {
        return {
            Hotellist: [],
        }
    },
    mounted() {
        this.HotelChooseapi()
    },
    methods: {
        async HotelChooseapi() {//上半部分图标
            let { data } = await HotelChoose()
            console.log(data)
            this.Hotellist = data

        },
    }
};
</script>

<style></style>